<template>
  <div class="video-cover">
    <!-- 左侧 -->
    <div class="video-cover-left">
      <!-- 阅览部分 -->
      <div class="read">
          <img class="read-img" src="../../assets/icon-img/pinglun.png" alt="">
          {{'文字'}}
      </div>
      <div class="read">
          <img class="read-img" src="../../assets/icon-img/pinglun.png" alt="">
          {{'文字'}}
      </div>
    </div>
    <!-- 右侧 -->
    <div class="video-cover-right">

    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
        
    };
  },
  mounted() {
      
  },
  methods: {
      
  },
};
</script>

<style lang="scss" scoped>
.video-cover {
    display: flex;
    justify-content: space-between;
    padding-bottom: 4px;
    font-size: 12px;
  .video-cover-left {
      display: flex;
    .read {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-right: 5px;
      .read-img {
          width: 15px;
      }
    }
  }
}
</style>